<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>
    <div id="liYunLong" class="box">
        你真是个天才
    </div>

</body>


<script>
    // // 原型链和构造函数
    // function parent() {
    //     this.xinzi = ["1w", "2k", "30w"]
    //     this.fun = () => {
    //         console.log("fun");
    //     }
    // }
    // parent.prototype.getxinzi = function () {
    //     return this.xinzi
    // }
    // function Child() {
    //     parent.call(this)
    //     this.sex = "1"
    // }
    // let Child1 = new Child()
    // let Child2 = new Child()
    // console.log(Child.xinzi === Child2.xinzi, Child.fun === Child2.fun);
    // Child1.fun.a = 1
    // console.log(Child1.fun.a, Child2.fun.a);
    // Child1.xinzi.push("4k")

    // console.log(Child1.xinzi, Child2.xinzi);
    // var obj = {
    //     lr1: function () {
    //         $("#liYunLong").css("background", "pink")
    //         return obj
    //     },
    //     lr2: function () {
    //         $("#liYunLong").addClass("add")
    //         return obj
    //     },
    //     lr3: function () {
    //         $("#liYunLong").click(function () {
    //             alert("总能给点惊喜")
    //         }) 
    //         return obj
    //     }
    // }
    // obj.lr1().lr2().lr3()
    var  tools = {
		ele:[],
		$:function(id){
				this.ele.push(document.getElementById(id))
				return this;
		},
		setColor:function(color){
			for(var i=0;i<this.ele.length;i++){
				this.ele[i].style.color = color;
			}
			return this;
		},

		setFontSIze:function(fontsize){
			for(var i=0;i<this.ele.length;i++){
				this.ele[i].style.fontSize = fontsize+'px';
			}
			return this;
		},
		click:function(content){
			for(var i=0;i<this.ele.length;i++){
				this.ele[i].onclick = function(){
					alert(content)
				}
			}
			return this;
		}
	}

	tools.$('liYunLong').setColor('pink').setFontSIze('100').click('你好呀')





</script>

</html>
<style lang="scss" scoped>

</style>